<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./template.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">

    <ui:define name="content">
        <h1>Historia Clinica</h1>

        <f:view>
            
             <c:if test="#{!empty controlHistoria.enfermedades}">
                        <table border="4">
                            <tr>
                                <th>Enfermedad</th>
                                <th>Tratamiento</th>
                            </tr>
                            <h:form>
                                <ui:repeat value="#{controlHistoria.enfermedades}" var="enfermedad" varStatus="pos">
                                    <tr>
                                        <td><h:outputText value="#{enfermedad.enfermedad}" /></td>
                                        <td><h:outputText value="#{enfermedad.tratamiento}" /></td>
                                        
                                     </tr>
                                </ui:repeat>
                            </h:form>
                        </table>
                     </c:if>
                        
                    <h:form>
                    <table>
                        
                       <tr>
                            <td>Enfermedad:</td>
                            <td><h:inputText value="#{controlHistoria.enfermedad}"/></td>
                        </tr>
                        <tr>
                            <td>Tratamiento:</td>
                            <td><h:inputTextarea value="#{controlHistoria.tratamiento}" cols="50" rows="10"/></td>
                        </tr>
                        
                        <tr>
                            <td colspan="6"><h:commandButton value="Agregar enfermedad" action="#{controlHistoria.anadirEnfermedad()}"/> </td>
                        </tr>
                    </table>
                   </h:form>              
        </f:view>

    </ui:define>

</ui:composition>



